<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Books</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="index.js"></script>
</head>
<body>

<form id="addBookForm" class="form-horizontal">
    <input name="bname" type="text">
    <input name="price" type="number">
    <input name="pressDate" type="date">
    <input name="author" type="text">
    <input type="submit" value="add" id="addBookBtn">
</form>

<table class="table table-bordered">
    <thead>
    <tr>
        <th>BookId</th>
        <th>BookName</th>
        <th>BookPrice</th>
        <th>PressDate</th>
        <th>author</th>
        <th>operator</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
</table>

<form id="updateBookForm" style="display: none" class="form-horizontal  ">
    <input name="id" value="" hidden>
    <input name="bname" type="text">
    <input name="price" type="number">
    <input name="pressDate" type="date">
    <input name="author" type="text">
    <input type="submit" value="update" id="updateBookBtn">
</form>

</body>
</html>